<template>
<div>
  <el-container style="background-color: #42b983">
    <el-header>Header
      <h2>header</h2>
    </el-header>

    <el-container>
      <el-aside width="200px" style="background-color: #7db838">Aside</el-aside>
      <el-main style="background-color: snow">Main</el-main>
    </el-container>
    <br>
    <el-container>
      <el-aside width="200px" style="background-color: pink">Aside</el-aside>
       <el-container>
         <el-main style="background-color: blueviolet">Main</el-main>
         <el-footer style="background-color: bisque;">Footer</el-footer>
       </el-container>

    </el-container>

    <el-footer style="background-color: blueviolet;">Footer</el-footer>
  </el-container>
</div>
</template>

<script>
export default {
  name: "Layout"
}
</script>

<style scoped>

</style>
